<extend name="Base/common"/>

<block name="style">
    <link href="__CSS__/shops.css" rel="stylesheet" type="text/css"/>
</block>

<block name="body">

<div class="container">

<div class="row shop">
    <nav class="navbar navbar-default app_block shop_navbar" role="navigation">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li>
                    <a href="{:U('index')}" class="current">商城首页</a>
                </li>
                <li>
                    <a href="{:U('goods')}">所有分类</a>
                </li>
                <volist name="tree" id="top">
                    <if condition="$top['status'] eq 1">
                        <if condition="$top['_'] eq null">
                            <li><a href="{:U('goods',array('category_id'=>$top['id']))}">{$top.title}</a>
                            </li>
                            <else/>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">{$top.title}<b
                                        class="caret"></b></a>
                                <ul class="dropdown-menu">
                                    <li><a href="{:U('goods',array('category_id'=>$top['id']))}">全部</a></li>
                                    <volist name="top['_']" id="child_category">
                                        <li>
                                            <a href="{:U('goods',array('category_id'=>$child_category['id']))}">{$child_category.title}</a>
                                        </li>
                                    </volist>
                                </ul>
                            </li>
                        </if>
                    </if>
                </volist>
            </ul>
            <div class="fl_right">
                <a onclick="if(MID==0){op_info('没有登录，请先登录！','提示信息');return false;}" href="{:U('myGoods')}"
                   class="btn btn_primary "><i class="ico_to_cart"></i>&nbsp;我的订单</a>
                <if condition="is_login() neq 0"><label class="money_show"><font title="我的{$tox_money_name}"><i
                        class="ico_to_money"></i>&nbsp;{$my_tox_money}</font></label>
                </if>
            </div>
        </div>
        <!-- /.navbar-collapse -->
    </nav>
    <div class="col-md-12  app_block clearfix">
        <div class="row pad_15">
            <h2 class="title_content">新品上架</h2>
            <volist name="contents_new" id="vo">
                <div class="col-lg-3 col-md-4 goods">
                    <div class="item_goods position_re">
                        <i class="ico_new"></i>
                        <dl>
                            <dt>
                                <a href="{:U('Shop/Index/goodsDetail',array('id'=>$vo['id']))}">
                                    <img class="img-responsive" src="{$vo.goods_ico|getThumbImageById=222,150}">
                                </a>
                            </dt>
                            <dd>
                                <div class="left" style="width: 140px">
                                    <a class="text-more color_33"
                                       href="{:U('Shop/Index/goodsDetail',array('id'=>$vo['id']))}"
                                       style="width: 100%;">
                                        <font title="{$vo.goods_name|op_t}">{$vo.goods_name}</font>
                                    </a>
                                </div>
                                <div class="right" style="color: #d61f39;"><a><font title="所需{$tox_money_name}"><i
                                        class="ico_to_money"></i>&nbsp;{$vo.tox_money_need}</font></a></div>
                                <div class="clearfix"></div>
                            </dd>
                            <dd class="color_84 font_s_14">
                                <div class="left">库存：{$vo.goods_num}</div>
                                <php>
                                    $class='';
                                    if(is_login()){
                                    if($my_tox_money>=$vo['tox_money_need']){
                                    $class='open-popup-link';
                                    }else{
                                    $class='money_not_enough ';
                                    }
                                    }
                                </php>
                                <div class="right">
                                    <a href="#frm-post-popup" class="{$class} btn exchange_goods"
                                       style="border: 1px solid #E0DBDB"
                                       goods_id="{$vo['id']}">兑&nbsp;&nbsp;换</a>
                                </div>
                            </dd>
                            <div class="clearfix"></div>
                        </dl>
                    </div>
                </div>
            </volist>
            <if condition="count($contents_new) eq 0">
                <div style="font-size:3em;padding:2em 0;color: #ccc;text-align: center">现在还没有新品哦。O(∩_∩)O~</div>
            </if>
        </div>
        <div class="row pad_15">
            <h2 class="title_content">最热单品</h2>
            <volist name="contents_hot" id="vo">
                <div class="col-lg-3 col-md-4  goods">
                    <div class="item_goods position_re">
                        <i class="ico_hot"></i>
                        <dl>
                            <dt>
                                <a href="{:U('Shop/Index/goodsDetail',array('id'=>$vo['id']))}">
                                    <img class="img-responsive" src="{$vo.goods_ico|getThumbImageById=230,150}">
                                </a>
                            </dt>
                            <dd>
                                <div class="left" style="width: 140px">
                                    <a class="text-more"
                                       href="{:U('Shop/Index/goodsDetail',array('id'=>$vo['id']))}"
                                       style="width: 100%;">
                                        <font title="{$vo.goods_name|op_t}">{$vo.goods_name}</font>
                                    </a>
                                </div>
                                <div class="right" style="color: #d61f39;"><a><font title="所需{$tox_money_name}"><i
                                        class="ico_to_money"></i>&nbsp;{$vo.tox_money_need}</font></a></div>
                                <div class="clearfix"></div>
                            </dd>
                            <dd class="color_84">
                                <div class="left">库存：{$vo.goods_num}</div>
                                <php>
                                    $class='';
                                    if(is_login()){
                                    if($my_tox_money>=$vo['tox_money_need']){
                                    $class='open-popup-link';
                                    }else{
                                    $class='money_not_enough ';
                                    }
                                    }
                                </php>
                                <div class="right">
                                    <a href="#frm-post-popup" class="{$class} btn exchange_goods"
                                       style="border: 1px solid #E0DBDB"
                                       goods_id="{$vo['id']}">兑&nbsp;&nbsp;换</a>
                                </div>
                            </dd>
                        </dl>
                    </div>
                </div>
            </volist>
            <if condition="count($contents_hot) eq 0">
                <div style="font-size:3em;padding:2em 0;color: #ccc;text-align: center">现在还没有最热单品哦。O(∩_∩)O~
                </div>
            </if>
        </div>
    </div>
</div>
<if condition="is_login()">
<!-- Modal -->
<div id="frm-post-popup" class="white-popup mfp-hide" style="max-width: 500px;">
    <h2>收货信息填写<span style="font-size: 12px;color: #BEBEBE;">(为了确保您能收到商品，请正确填写收货信息)</span></h2>

    <div class="aline" style="margin-bottom: 10px"></div>
    <div class="row">
        <form class="form-horizontal  ajax-form" role="form" action="{:U('Shop/Index/goodsBuy')}" method="post">
            <input type="hidden" id="goods_id" name="id" value="">
            <input type="hidden" name="address_id" value="{$shop_address['id']}">

            <div class="form-group">
                <label for="name" class="col-sm-2 control-label" style="width: 20%">姓名</label>

                <div class="col-sm-10" style="width: 60%">
                    <input id="name" name="name" type="text" class="form-control"
                           value="{$shop_address['name']}" placeholder="姓名"/>
                </div>
            </div>
            <div class="form-group">
                <label for="address" class="col-sm-2 control-label" style="width: 20%">收货地址</label>

                <div class="col-sm-10" style="width: 60%">
                    <textarea id="address" name="address" class="form-control" placeholder="收货地址"
                              style="max-width: 310px">{$shop_address['address']}</textarea>
                </div>
            </div>
            <div class="form-group">
                <label for="zipcode" class="col-sm-2 control-label" style="width: 20%">邮编</label>

                <div class="col-sm-10" style="width: 60%">
                    <input id="zipcode" name="zipcode" type="text" class="form-control"
                           value="{$shop_address['zipcode']}" placeholder="邮编"/>
                </div>
            </div>
            <div class="form-group">
                <label for="phone" class="col-sm-2 control-label" style="width: 20%">手机号码</label>

                <div class="col-sm-10" style="width: 60%">
                    <input id="phone" name="phone" type="text" class="form-control"
                           value="{$shop_address['phone']}" placeholder="手机号码"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                    <button type="submit" class="btn btn-primary ">提交</button>
                </div>
            </div>
        </form>
    </div>


</div>
<!-- /.modal -->
</if>
</div>
<input type="hidden" id="tox_money_name" value="{$tox_money_name}"/>
</block>

<block name="script">
    <link type="text/css" rel="stylesheet" href="__PUBLIC__/Core/js/ext/magnific/magnific-popup.css"/>
    <script type="text/javascript" src="__STATIC__/uploadify/jquery.uploadify.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/Core/js/ext/magnific/jquery.magnific-popup.min.js"></script>
    <script>
        var tox_money_name = $('#tox_money_name').val().trim();
        $(function () {
            $('.exchange_goods').click(function () {
                if (MID == 0) {
                    op_info('登录后才能兑换商品！', '提示消息');
                    return false;
                }
                var goods_id = this.getAttribute('goods_id');
                $('#goods_id').val(goods_id);
            });
            if (MID != 0) {
                $('.money_not_enough').click(function () {
                    op_info('你的' + tox_money_name + '不足！', '提示消息');
                    return false;
                });
                $('.open-popup-link').magnificPopup({
                    type: 'inline',
                    midClick: true, // Allow opening popup on middle mouse click. Always set it to true if you don't provide alternative source in href.
                    closeOnBgClick: false
                });
            }
            $('.item_goods').mouseover(function () {
                $(this).addClass('item_goods_box_shadow');
            });
            $('.item_goods').mouseleave(function () {
                $(this).removeClass('item_goods_box_shadow');
            });
        })
    </script>
</block>
